<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link href="<%=basePath%>resources/js/common/plugin/easyui/themes/default/easyui.css" rel="stylesheet"/>
    <link href="<%=basePath %>resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
	<link href="<%=basePath %>resources/css/common.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/style.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
    <script src="<%=basePath %>resources/js/common/plugin/echarts/echarts.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
    <script src="<%=basePath%>resources/js/common/plugin/easyui/jquery.easyui.min.js"></script>
	<script src="<%=basePath%>resources/js/common/plugin/easyui/locale/easyui-lang-zh_CN.js"></script>

<title>业户周报</title>
<style>
	.night-chart-list{
		height:300px;
	}
	.night-chart-bar{
		width:100%;height:100%;/* border-right: 1px dashed #dfdddd; */
	}
	#inputStartDate,#inputEndDate{
		margin-left:0;
	}
	#queryBtn{
		margin-right:20px;
	}
</style>
</head>
<script type="text/javascript">
var appCtx="<%=basePath%>";
var flag ='${flag}';
</script>
<body class="driving">
<div class="page">
	<div class="slider pa clearfix">
        <%@ include file="/views/common/menu.jsp" %> 
    </div>
    <div class="main ">
        <%@ include file="/views/common/top.jsp" %>
        <div class="content pr" style="margin-top:-45px;clear:both;">
           	<div class="querys fl clearfix" style="margin-left: 0px;width: 100%;margin-top:10px">
				<ul class="clearfix fl">
					<li class="fl clearfix mt10" style='margin-right:15px'>
						<select class="query-select" id="queryArea"></select>
					</li>
					<li class="fl clearfix mt10" style='margin-right:15px'>
						<select class="query-select" id="alarmType">
							<option value="0" >全部报警</option>
					   		<option value="1" >超速报警</option>
					   		<option value="2" >疲劳驾驶报警</option>
					   		<option value="3" >路线偏离报警</option>
							<option value="4" >2-5点禁行报警</option>
						</select>
					</li>
					<li class="fl clearfix mt10">
						<input type="text" id="time-day" class="query-input fl Wdate Time_input" 
							style="border:1px solid #dedede;display: none;" 
			            	onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})">
						<input type="text" id="time-month" class="query-input fl Wdate Time_input"
						 	style="border:1px solid #dedede;display: none;"  
							onclick="WdatePicker({dateFmt:'yyyy-MM',maxDate:'%y-{%M-1}'})">
			            <select class="query-select" style="width:220px;" id="time-week" ></select>
					</li>
					<li class="fl clearfix mt10">
						<a class="userBtn" href="javascript:;" id="queryBtn" style="top:20px;margin-left:80px;">查询</a>
					</li>
					<li class="fl clearfix mt10">
						<a class="userBtn" href="javascript:;" id="exportExcel" style="top:20px;margin-left:0;">生成周报</a>
					</li>
				</ul>
			</div>
			<div class="tabsHead">
				<ul class="clearfix">
					<li class="fl pr active">
						<div class="overFloeHidden">业户考核</div>
					</li>
					<li class="fl pr">
						<div class="overFloeHidden">车辆考核</div>
					</li>
				</ul>
			</div>
            <div class="chart row-fluid">
				<div class="span12 night-chart-list chart-line" id="chartMillage2">
	            	<div class="detail-report">
		                <div id="entTable"><table id="objTable1"></table></div>
		                <div id="vehTable"><table id="objTable2"></table></div>
	          		</div>
				</div>
            </div>
        </div>
    </div>
</div>
<%--导出数据弹窗--%>
<div id="exportModal" class="modal hide fade" data-backdrop="static" style="left: 51%; width:600px;top: 52%;  margin-top: -89.5px;" aria-hidden="false" tabindex="-1" data-backdrop="static">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h4 id="exportTitle">生成业户周报（Word文档）</h4>
	</div>
	<div class="modal-body" style="font-size: 13px;vertical-align: middle; text-align: center;">
		<span>确认生成？</span>
	</div>
	<div class="modal-footer">
	     <button class="btn " data-dismiss="modal" aria-hidden="true">关闭</button>
	     <button class="btn btn-ecColor" id="confirmExport" name="confirmExport">生成</button> 
    </div>
</div>

<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/common/util/common.js"></script>
<script src="<%=basePath %>resources/js/business/report/alarmStatistics.js"></script>
</body>
</html>